<template>
  <div class="videoBg">
    <video id="video" loop="true" muted class="videoBg" autoplay="autoplay" controls="controls">
      <source src="./assets/bg.mp4" type="video/mp4"/>
    </video>
  </div>
</template>

<script>
export default {
  name: "videoBg"
}
</script>

<style lang="scss">
.videoBg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  object-fit: fill;
  z-index: -1;
  top: 0;
  left: 0;
  //屏蔽播放按钮
  video::-webkit-media-controls {
    display: none !important;
  }
}
</style>
